<template>
<div class="empt-img" :style="{width:width,height:height}">
    <svg viewBox="0 0 79 86" version="1.1" xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink" style="width:100%;height:100%">
    <defs>
      <linearGradient id="linearGradient-1-10" x1="38.8503086%" y1="0%" x2="61.1496914%" y2="100%">
        <stop stop-color="#FCFCFD" offset="0%"></stop>
        <stop stop-color="#EEEFF3" offset="100%"></stop>
      </linearGradient>
      <linearGradient id="linearGradient-2-10" x1="0%" y1="9.5%" x2="100%" y2="90.5%">
        <stop stop-color="#FCFCFD" offset="0%"></stop>
        <stop stop-color="#E9EBEF" offset="100%"></stop>
      </linearGradient>
      <rect id="path-3-10" x="0" y="0" width="17" height="36"></rect>
    </defs>
    <g id="Illustrations" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="B-type" transform="translate(-1268.000000, -535.000000)">
        <g id="Group-2" transform="translate(1268.000000, 535.000000)">
          <path id="Oval-Copy-2"
                d="M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z"
                fill="#F7F8FC"></path>
          <polygon id="Rectangle-Copy-14" fill="#E5E7E9"
                   transform="translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) "
                   points="13 58 53 58 42 45 2 45"></polygon>
          <g id="Group-Copy"
             transform="translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)">
            <polygon id="Rectangle-Copy-10" fill="#E5E7E9"
                     transform="translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) "
                     points="2.84078316e-14 3 18 3 23 7 5 7"></polygon>
            <polygon id="Rectangle-Copy-11" fill="#EDEEF2"
                     points="-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"></polygon>
            <rect id="Rectangle-Copy-12" fill="url(#linearGradient-1-10)"
                  transform="translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) "
                  x="38" y="7" width="17" height="36"></rect>
            <polygon id="Rectangle-Copy-13" fill="#F8F9FB"
                     transform="translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) "
                     points="24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"></polygon>
          </g>
          <rect id="Rectangle-Copy-15" fill="url(#linearGradient-2-10)" x="13" y="45" width="40"
                height="36"></rect>
          <g id="Rectangle-Copy-17" transform="translate(53.000000, 45.000000)">
            <mask id="mask-4-10" fill="white">
              <use xlink:href="#path-3-10"></use>
            </mask>
            <use id="Mask" fill="#E0E3E9"
                 transform="translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) "
                 xlink:href="#path-3-10"></use>
            <polygon id="Rectangle-Copy" fill="#D5D7DE" mask="url(#mask-4-10)"
                     transform="translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) "
                     points="7 0 24 0 20 18 -1.70530257e-13 16"></polygon>
          </g>
          <polygon id="Rectangle-Copy-18" fill="#F8F9FB"
                   transform="translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) "
                   points="62 45 79 45 70 58 53 58"></polygon>
        </g>
      </g>
    </g>
  </svg>
  <div style="color: #c0bdbd">暂无数据</div>
</div>
</template>

<script>
export default {
  name: 'index',
  props: {
    width:{
      default:'300px'
    },
    height:{
      default:'300px'
    }
  }
}
</script>

<style scoped>
.empt-img{
  text-align: center;
}
</style>
